<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 
Cookie存储
存在时间最久的本地存储，这种存储方式不完全脱离网络，前后台进行交互时还是需要网络
存储大小：4kb
 有效期：在有效期内数据可被访问过了有效期数据消失
本地存储——本地缓存—存储在当前的浏览器
场景：
登录窗口  记住我(时间限制)
存储页面之前共享的数据
语法：
 过期时间  不是当前的时间 未来的时间
 时间格式：格林尼治时间 toUTCString()

 如果存储的信息是中文则需要转码(转码只是转中文)
 汉字转码： encodeURIComponent(内容)
 中文解码： decodeURIComponent(内容)
    
 -->

<body>
    <script>
        var name = 'Cai'; //英文的内容
        //设置过期时间 -2分钟之后过期
        var nowTime = new Date();
        var endTiem = new Date(nowTime.getTime() + 2 * 60 * 1000);
        document.cookie = 'username= ' + 'name + ';
        expires = '+endTime.toUTCString()+ ';
        path = '';
        encodeURIComponent
        decodeURIComponent
    </script>
</body>

</html>